<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<%@ include file="common/taglibs.jsp"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<title>Products</title>

<style>
	body { font-size: 62.5%; }
	label, input { display:block; }
	input.text { margin-bottom:12px; width:120%; padding: .4em; }
	fieldset { padding:0; border:0; margin-top:25px; }
	.ui-dialog .ui-state-error { padding: .3em; }
	.validateTips { border: 1px solid transparent; padding: 0.3em; }
</style>

<link rel="StyleSheet" type="text/css"
	href="<%=request.getContextPath()%>/pages/css/common.css"></link>
<link rel="StyleSheet" type="text/css"
	href="<%=request.getContextPath()%>/pages/js/themes/base/jquery.ui.all.css"></link>
	
<script type="text/javascript"
	src="<%=request.getContextPath()%>/pages/js/jquery-1.5.js"></script>	
<script type="text/javascript"
	src="<%=request.getContextPath()%>/pages/js/external/jquery.bgiframe-2.1.2.js"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()%>/pages/js/ui/jquery.ui.core.js"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()%>/pages/js/ui/jquery.ui.widget.js"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()%>/pages/js/ui/jquery.ui.mouse.js"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()%>/pages/js/ui/jquery.ui.button.js"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()%>/pages/js/ui/jquery.ui.draggable.js"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()%>/pages/js/ui/jquery.ui.position.js"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()%>/pages/js/ui/jquery.ui.resizable.js"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()%>/pages/js/ui/jquery.ui.dialog.js"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()%>/pages/js/ui/jquery.effects.core.js"></script>
</head>

<body style="background-image: none;">
	<div class="bodyContent" align="center">
		<table class="" style="width: 780px; height: 800px;">
			<thead
				style="background-image: url('pages/images/sliced/20.jpg'); background-repeat: no-repeat;">
				<tr>
					<td colspan="3"	style="color: #EE2C2C; font-size: 18px; text-align: left; width: 780px; height: 50px;">&nbsp;&nbsp;&nbsp;&nbsp;SELECT YOUR AIRLINE</td>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td style="vertical-align: top;">
						<table cellpadding="5" style="width: 740px;-moz-border-radius: 5px 5px 5px 5px;">
							<s:iterator var="airline" value="airlines">
								<tr>
									<td>
										<a href="<%=request.getContextPath()%>/product?airline_id=<s:property value="id"/>"><s:property value="description"/></a>
									</td>
								</tr>
							</s:iterator>
						</table>
					</td>
				</tr>
			</tbody>
		</table>
	</div>
</body>
</html>
